import { UpOutlined } from '@ant-design/icons'
import React, { useState } from 'react'

function Copyright() {
  const [height, setHeight] = useState(-240)
  return (
    <>
      <div className="copyright" style={{bottom: height}} onMouseLeave={(event) => {
        setHeight(-240)
        // 如果冒泡到父元素，则不隐藏
        // if (event.target.className === 'copyright') {
        //   return
        // }
        // // 添加防抖
        // setTimeout(() => {
        //   setHeight(-240)
        // }, 500)
      }}>
        <div className="copyright-btn" style={{display: height === -240 ? 'flex' : 'none'}} onClick={() => setHeight(0)}>
          <span>&copy; Copyright </span>
          <UpOutlined style={{fontSize: 20}} />
        </div>
        <div className="nav">
          <a href="#">用户协议</a>
          <a href="#">隐私政策</a>
          <a href="#">自律公约</a>
          <a href="#">家长监护</a>
        </div>
        <div className="line"></div>
          <p>
          健康游戏忠告:抵制不良游戏 拒绝版游戏 注意自我保护谨防骗上当适度游戏益脑 沉迷游戏伤身合理安排市 监享受健康生活<br />
          适龄提醒:本游戏适合12周岁以上的用户游玩<br />
          沪ICP备2024066752号 | <br />
          沪网文[2024]1612-113号 | <br />
    新广出南[2017]10147号 <br />
    亲爱的玩家，上海警方反诈骗劝阻电话”962110"是专门针对避免您受骗损失而设立请您一旦收到来电，立即接听<br />
    全国文化市场统一举报电话:12318| 伊丝露德投诉举报邮箱:cs.shihun@islud.com <br />
    @2024上海伊丝露德互联网科技有限公司 @2024 SNK CORPORATION
          </p>
      </div>
    </>
    
  )
}

export default Copyright